/**
* 功能：网站布局
* 作者：Gavin
* 创建时间：2009-07-29
*/
/* popup */
#popup{
position:absolute;
right:10px;
top:100px;
z-index:200;
width:100px;
height:40px; 
overflow:hidden; 
font-size:12px;
border:1px solid #999; 
background:url(vacation.jpg) no-repeat 50% 0;
}
#popup a{
text-align: center;
line-height: 40px;
display:block; 
width:100%;
height:1000px; 
text-decoration: none;
color: #FFF;
font-size: 16px;
font-weight: bold;
font-family:"microsoft yahei","微软雅黑","黑体","simsun","宋体";
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
#btnClosePopup{
float:right;
background:#fff;
cursor:pointer;
line-height:16px; 
text-indent:-9999em;
display:block; 
height:11px; 
width:11px; 
overflow:hidden; 
background:url(btn_close_popup.gif) no-repeat 0 0;
position: relative;
z-index: 100;
}
/* banner */
#banner {
width:1000px;
height:400px;
margin:0 auto 0px;
overflow:hidden;
position:relative;
}
#indexBanner {
width:1000px;
height:400px;
}
#bannerInfo {
width:1000px;
position:absolute;
bottom:0;
left:0;
z-index:100;
background:url(bannerInfoBg.png);
padding:10px 0;
color:#4D94C9;
}
#thumbnails {
height:55px;
margin-right:5px;
text-align: right;
}
#thumbnails img {
padding:1px;
border:1px solid #eee;
margin-right:5px;
}
#thumbnails a.cur img {
border-color:#FC8806;
}
/* 主要内容区:main
---------------------------------*/
#main {
overflow: hidden;
text-align:left;

background:url(sprite1.gif) repeat-x 0 -996px;

}
/* sideBar */
#sidebar {
float:right;
width:238px;
background: #F1F2F3 url(bg_sidebar.gif) repeat-y 0 0;
}
.sidebar-shadow{
background:url(sprite2.gif) no-repeat -2px -250px;
height: 3px;
overflow: hidden;
}
/* content */
#content {
float:left;
width:674px;
}
/* sidebar02 */
#sidebar02 {
float:left;
width:221px;
}
/* content02 */
#content02 {
float:right;
width:692px;
}

/* 首页模块
---------------------------------*/
/* 首页新闻中心 */
#sidebar h2 {
color:#1B4083;
padding-left:45px;
position:relative;
font-weight:normal;
}
#sidebar h2 a {
font-size:12px;
position:absolute;
right:10px;
top:0;
color:#8A8A8A;
font-family:"宋体", arial;
}
#sidebar h2 a:hover {
color:#F35613;
}
#news h2 {
background: url(sprite2.gif) no-repeat -2px -151px;
height:35px;
line-height:35px;
font-size:14px;
}
/* 首页最新博文 */
#marketingAndTraining {
margin-top:15px;
}
#marketingAndTraining h2 {
background: url(sprite2.gif) no-repeat 8px -109px;
height:36px;
line-height:28px;
font-size:13px;
padding-left:30px;
}
#news ul, #marketingAndTraining ul {
padding:0 12px;
}
#blogArticle {
width:223px;
margin:10px auto 10px;
background: url(sprite2.gif) no-repeat 100% 100%;
}
#blogArticle h2 {
height:49px;
line-height:49px;
font-size:14px;
padding-left:49px;
background: url(sprite2.gif) no-repeat -2px -196px;
}
#blogArticle .newsList02 {
padding:0 10px 10px;
}
#blogArticle ul li{
background:none;
padding:4px 0;}
/* 首页业务列表 */
#business li {
float:left;
width:168px;
height:240px;
margin-bottom:4px;
background:url(sprite1.gif) repeat-x 0 -410px;
}
#business li a {
padding:2px;
display:block;
height:236px;
width:164px;
background:url(sprite1.gif) no-repeat 0 -148px;
overflow:hidden;
}
#business li a:hover {
padding:0;
border:2px solid #FC8806;
}
#business li a strong {
display: block;
font-size:14px;
line-height:30px;
height:30px;
font-weight:normal;
background:url(sprite3.gif) no-repeat -370px -90px;
color:#1B4083;
padding-left:28px;
cursor:pointer;
}
#business li a span {
display: block;
color:#797979;
padding:0;
margin:8px 10px;
line-height:18px;
}
#business li a:hover strong, #business li a:hover span {
color:#F35613;
}
#business img{
width: 164px;
height: 114px;
background-image: url(bg_business.jpg);
background-repeat: no-repeat;
}
#business .business-google{
background-position: -2px -2px;
}
#business .business-soso{
background-position: -167px -2px;
}
#business .business-web{
background-position: -332px -2px;
}
#business .business-vip{
background-position: -497px -2px;
}
#business .business-case{
height: 124px;
background-position: -2px -117px;
}
#business .business-marketing{
height: 124px;
background-position: -167px -117px;
}
#business .business-goodidea{
height: 124px;
background-position: -332px -117px;
}
#business .business-onestop{
height: 124px;
background-position: -497px -117px;
}
.btn-feed{
display: block;
height: 25px;
width: 162px;
overflow: hidden;
text-indent: -9999em;
background: #fff url(sprite2.gif) no-repeat 100% -2px;
}
/* 侧栏菜单
---------------------------------*/
#subNav {
background-color:#F3F6F9;
border-bottom:1px solid #fff;
}
#subNav li {
font-size:12px;
width:100%;
float:left;
border-bottom:1px solid #DCE3EC;
border-top:1px solid #fff;
}
#subNav li a {
height:34px;
line-height:34px;
display:block;
font-size:13px;
color:#292929;
padding-left:30px;
}
#subNav li a:hover {
background-color:#fff;
}
#subNav li.current a {
height:30px;
line-height:30px;
font-size:14px;
color:#0B57AC;
font-weight:bold;
background:url(sprite2.gif) no-repeat -318px -38px;
}
/* sideNav */
#sideNav {
background:url(sidebarBg02.jpg) repeat-x 0 0;
padding:50px 10px 30px;
min-height:200px;
height:auto !important;
height:200px;
overflow:visible;
}
#sideNav ul {
border:1px solid #97ACC6;
width:179px;
overflow:hidden;
padding:10px 0;
background-color:#fff;
}
#sideNav ul li p {
margin:10px;
border-bottom:1px solid #C2D1E2;
}
/* sideNav */
#focus, #blogs{
margin:0 0 20px 10px; 
width:180px; 
}
#focus h2, #blogs h2{
position:relative; 
height:22px; 
line-height:22px;
border-bottom:1px solid #CBCBCB; 
font-size:13px;
color:#0C56AB; 
margin-bottom:5px; 
}
#focus h2 a, #blogs h2 a{
font-size:12px;
font-weight:normal;
position:absolute; 
top:0;
right:10px;
}
#focus li, #blogs li{
background:none;
padding:3px 0; 
}

/* 内页内容区
---------------------------------*/
#mainTitle {
background:url(titleBg.gif) repeat-x 0 100%;
line-height:32px;
height:32px;
position:relative;
font-size:14px;
color:#1444A3;
margin:16px 12px 0 12px;
padding-left:10px;
}
#mainTitle span {
font-size:12px;
color:#A4A4A4;
position:absolute;
right:10px;
top:0;
font-weight:normal;
}
#mainTitle span a {
color:#A4A4A4;
}
#mainTitle span a:hover {
color:#F35613;
}
#function {
padding:20px 28px;
min-height:400px;
height:auto !important;
height:400px;
overflow:visible;
overflow-x:hidden;
}
/* 产品列表
---------------------------------*/
.productList {
text-align:center;
padding-bottom:20px;
}
.productList li {
width:24.9%;
float:left;
text-align:center;
overflow:hidden;
margin-top:20px;
}
.productList li a {
display:block;
}
.productList li a img {
border:#999 1px solid;
background:#fff;
padding:1px;
}
.productList li a:hover img {
border-color:#000;
}
.productList li a span {
text-align:center;
display:block;
cursor:pointer;
height:30px;
line-height:30px;
}
.productList li a:hover span {
color:#000;
text-decoration:underline;
}
/* 新闻列表
---------------------------------*/
.newsList {
margin:0 auto;
}
.newsList li {
float:left;
line-height:14px;
position:relative;
text-align:left;
width:100%;
padding:10px 0;
background:url(listDiv01.gif) repeat-x 0 100%;
}
.newsList li a {
background:url(sprite3.gif) no-repeat -337px -137px;
padding-left:10px;
line-height:18px;
display:block;
}
.newsList li a:hover {
background-position:-357px -119px;
}
.newsList li span {
color:#999;
position:absolute;
right:10px;
top:10px;
}
.newsList02 li {
padding:6px 0;
}
.newsList03 li {
padding:6px 0;
}
.newsList03 li a {
background-position:-317px -156px;
}
.newsList03 li a:hover {
background-position:-296px -173px;
}

/* 表单：左标签等宽右对齐
---------------------------------*/
fieldset {
border:none;
padding-left:120px;
}
fieldset legend {
font-weight:bold;
height:40px;
line-height:40px;
*margin-left:-7px;
}
fieldset ol {
list-style: none;
margin-top: 1em;
}
fieldset li {
display:inline;
float: left;
padding-bottom: 1em;
width: 100%;
}
fieldset li label {
float: left;
line-height:20px;
margin-right:1em;
text-align: left;
}
fieldset li span {
display:inline;
float:left;
line-height:18px;
margin-left:10px;
width:8em;
}
fieldset input.text, fieldset textarea {
display:inline;
float:left;
font:12px Arial, Helvetica, sans-serif;
outline:none;
padding:2px;
width:200px;
}
fieldset em {
float:left;
text-align:center;
width:7px;
}
fieldset input.text2 {
width:42px;
}
fieldset input.text3 {
width:145px;
}
fieldset textarea {
height:8em;
}
.button, .pageNav a {
background:url(btnBg.gif) no-repeat 0 -48px;
float:left;
height:24px;
line-height:14px;
margin:0 10px 0 0;
overflow:hidden;
padding-left:4px;
}
.button input, .pageNav a span {
background:url(btnBg.gif) no-repeat 100% 0;
float:left;
border:none;
color:#666;
cursor:pointer;
font-size:12px;
display:inline;
height:24px;
line-height:24px;
outline:none;
white-space:nowrap; /* 强制不换行 */
*overflow:visible;  /*IE中input的padding值随长度变长增加bug */
padding:0 15px 0 11px;
}
.button:hover, .pageNav a:hover {
background-position:0 -72px;
}
.button:hover input, .pageNav a:hover span {
background-position:100% -24px;
color:#1D7BC4;
}
.focusField {
border:solid 1px #83C6FA;
background:#F6FCFF;
color:#000;
padding:1px;
}
.idleField {
background:#fff;
color: #6F6F6F;
border: solid 1px #7D9DB9;
padding:1px;
}
/***** Order *****/
#orderBar {
background:url(sprite1.gif) repeat-x 0 -680px;
height:43px;
line-height:43px; 
margin-bottom:18px; 
}
#orderBar strong, #orderBar span{
font-family:"微软雅黑";
font-weight:normal;
float:left;
}
#orderBar strong{
font-size:24px;
color:#C24A08; 
background:url(sprite3.gif) repeat-x -2px -40px;
padding-left:90px; 
}
#orderBar span{
font-size:15px;
color:#D90000;
font-weight:bold;
margin-left:50px; 
}
#orderBar a{
float:left;
width:122px;
height:35px;
background:url(sprite3.gif) no-repeat -2px -2px;
text-indent:-9999px;
display:inline; 
margin:4px 0 0 60px; 
overflow: hidden; 
}
/***** partners and alliance *****/
.partners {
margin-top:10px; 
}
.partners h2{
font-size:12px;
height:22px; 
line-height:22px; 
padding-left:8px; 
border-bottom:1px dashed #51A8EB; 
font-weight:normal;
color:#000; 
}
.partners li{
float:left;
display:inline; 
margin:5px 3px; 
}
.partners li a img{
width: 122px;
height: 38px;
background-image: url(../images/partner_logos.gif);
background-repeat: no-repeat;
border:1px solid #AACCEF; 
display:block; 
}
.partners li a:hover img{
border-color:#666; 
}
#partners, #cooperators {
width: 100%;
}
#partners {
float: left;
}
#cooperators {
float: right;
}
.partner-google{
background-position: -2px -2px;
}
.partner-soso{
background-position: -125px -2px;
}
.partner-paypal{
background-position: -248px -2px;
}
.partner-4px{
background-position: -371px -2px;
}
.partner-zen-cart{
background-position: -494px -2px;
}
.partner-giip{
background-position: -617px -2px;
}
/* paypalReg */
.paypalReg{
float: right;
margin-top: 5px;
}
/* honors */
#honors .title{
height: 30px;
background: url(bg_honor_title.gif) repeat-x 0 50%;
}
#honors h2 {
height: 30px;
line-height: 30px;
font-size: 14px;
float: left;
padding:0 10px 0 15px;
background: #fff url(honor_icon.gif) no-repeat 0 50%;
font-family:"microsoft yahei","微软雅黑","黑体","simsun","宋体";
}
#marqueeDemo {
width:921px;
height:140px;
margin:0 auto; 
overflow:hidden; 
background:#fff;
}
#marqueeDemo ul li {
float:left;
text-align:left; 
height: 140px;
}
#marqueeDemo img {
display:block; 
height: 140px;
padding-right: 10px;
background-repeat: no-repeat;
background-image: url(certificate.jpg);
}
#marqueeDemo .honor01{
width: 104px;
background-position: 0 0;
}
#marqueeDemo .honor02{
width: 198px;
background-position: -115px 0;
}
#marqueeDemo .honor03{
width: 216px;
background-position: -323px 0;
}
#marqueeDemo .honor04{
width: 210px;
background-position: -549px 0;
}
#marqueeDemo .honor05{
width: 207px;
background-position: -769px 0;
}
#marqueeDemo .honor06{
width: 207px;
background-position: -986px 0;
}
#marqueeDemo .honor07{
width: 117px;
background-position: -1203px 0;
}
#marqueeDemo .honor08{
width: 175px;
background-position: -1330px 0;
}
#marqueeDemo .honor09{
width: 96px;
background-position: -1515px 0;
}
#marqueeDemo .honor10{
width: 194px;
background-position: -1621px 0;
}
#marqueeDemo .honor11{
width: 208px;
background-position: -1825px 0;
}
#marqueeDemo .honor12{
width: 196px;
background-position: -2043px 0;
}
#marqueeDemo .honor13{
width: 191px;
background-position: -2249px 0;
}
#marqueeDemo .honor14{
width: 209px;
background-position: -2449px 0;
}
#marqueeDemo .honor15{
width: 196px;
background-position: -2668px 0;
}
#marqueeDemo .honor16{
width: 203px;
background-position: -2874px 0;
}
#marqueeDemo .honor17{
width: 210px;
background-position: -3087px 0;
}
#hotline{
BACKGROUND: url(hotline.gif) no-repeat 0px 0px;
text-align:right;
font-size:18px;
color:#669FDE;
font-weight:bold;
height:35px;
line-height:35px;
width:220px;
}
#offer p.zixun{font-size:23px;}